<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="HoracePeng">
    <link rel="shortcut icon" href="javascript:;" type="image/png">

    <title>{% block title %}Base Template{% endblock title%}</title>

{% block css %}
{% endblock css %}
    <link href="{{ url_for('static', filename='css/jquery-confirm.min.css') }}" rel="stylesheet">
    <link href="{{ url_for('static', filename='js/toastr-master/toastr.css') }}" rel="stylesheet" type="text/css" />
    <!--common style-->
    <link href="{{ url_for('static', filename='css/style.css') }}" rel="stylesheet">
    <link href="{{ url_for('static', filename='css/style-responsive.css') }}" rel="stylesheet">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="{{ url_for('static', filename='js/html5shiv.js') }}"></script>
    <script src="{{ url_for('static', filename='js/respond.min.js') }}"></script>
    <![endif]-->
</head>

<body class="sticky-header">

    <section>
        <!-- sidebar left start-->
        <div class="sidebar-left">
            <!--responsive view logo start-->
            <div class="logo dark-logo-bg visible-xs-* visible-sm-*">
                <a href="index.html">
                    <img src="{{ url_for('static', filename='img/logo-icon.png') }}" alt="">
                    <!--<i class="fa fa-maxcdn"></i>-->
                    <span class="brand-name">CMDB</span>
                </a>
            </div>
            <!--responsive view logo end-->

            <div class="sidebar-left-info">
                <!-- visible small devices start-->
                <div class=" search-field">  </div>
                <!-- visible small devices end-->

                <!--sidebar nav start-->
                <ul class="nav nav-pills nav-stacked side-navigation">
                    <li>
                        <h3 class="navigation-title">资源管理</h3>
                    </li>
                    <li><a href={{ url_for('main.home') }}><i class="fa fa-home"></i> <span>总览信息</span></a></li>
                    <li class="menu-list">
                        <a href="javascript;"><i class="fa fa-database"></i>  <span>基础资源管理</span></a>
                        <ul class="child-list">
                            <li><a href={{ url_for('main.server_room') }}> 机房列表</a></li>
                            <li><a href="collapsed-menu.html"> 物理设备列表</a></li>
                            <li><a href="/base"> 主机列表</a></li>
                            <li><a href="different-theme-layouts.html"> 设备品牌</a></li>
                            <li><a href="different-theme-layouts.html"> 设备型号</a></li>
                        </ul>
                    </li>
                    <li class="menu-list"><a href="javascript;"><i class="fa fa-tasks"></i> <span>平台业务管理</span></a>
                        <ul class="child-list">
                            <li><a href="general.html"> 平台分类</a></li>
                            <li><a href="buttons.html"> 平台管理</a></li>
                            <li><a href="toastr.html"> 应用管理</a></li>
                            <li><a href="widgets.html"> 服务管理</a></li>
                            <li><a href="ion-slider.html"> 操作系统模板管理</a></li>
                        </ul>
                    </li>
                    <li class="menu-list"><a href="javascript;"><i class="fa fa-sitemap"></i> <span>网络资源管理</span></a>
                        <ul class="child-list">
                            <li><a href="general.html"> IP资源池</a></li>
                            <li><a href="buttons.html"> IP类型</a></li>
                            <li><a href="toastr.html"> IP管理</a></li>
                            <li><a href="widgets.html"> 网络策略</a></li>
                        </ul>
                    </li>
                    <li>
                        <h3 class="navigation-title">账户管理</h3>
                    </li>
                    <li class="menu-list"><a href="javascript;"><i class="fa fa-users"></i> <span>用户管理</span></a>
                        <ul class="child-list">
                            <li><a href="grid.html"> 新增用户</a></li>
                            <li><a href="calendar.html"> 用户列表</a></li>
                            <li><a href="timeline.html"> 用户组管理</a></li>
                        </ul>
                    </li>
                    <li class="menu-list"><a href="javascript;"><i class="fa fa-key"></i> <span>权限管理</span></a>
                        <ul class="child-list">
                            <li><a href="grid.html"> 权限管理</a></li>
                            <li><a href="timeline.html"> 权限组管理</a></li>
                        </ul>
                    </li>

                    <li>
                        <h3 class="navigation-title">快捷功能</h3>
                    </li>

                    <li><a href="import"><i class="fa fa-upload"></i> <span>导入数据</span></a></li>

                    <li><a href="export"><i class="fa fa-download"></i> <span>导出数据</span></a></li>

                </ul>
                <!--sidebar nav end-->
            </div>
        </div>
        <!-- sidebar left end-->

        <!-- body content start-->
        <div class="body-content" style="min-height: 800px;">

            <!-- header section start-->
            <div class="header-section">

                <!--logo and logo icon start-->
                <div class="logo dark-logo-bg hidden-xs hidden-sm">
                    <a href="index.html">
                        <img src="{{ url_for('static', filename='img/logo-icon.png') }}" alt="">
                        <!--<i class="fa fa-maxcdn"></i>-->
                        <span class="brand-name">CMDB</span>
                    </a>
                </div>

                <div class="icon-logo dark-logo-bg hidden-xs hidden-sm">
                    <a href="index.html">
                        <img src="{{ url_for('static', filename='img/logo-icon.png') }}" alt="">
                        <!--<i class="fa fa-maxcdn"></i>-->
                    </a>
                </div>
                <!--logo and logo icon end-->

                <!--toggle button start-->
                <a class="toggle-btn"><i class="fa fa-outdent"></i></a>
                <!--toggle button end-->

                <!--mega menu start-->
                <div id="navbar-collapse-1" class="navbar-collapse collapse yamm mega-menu">
                    <ul class="nav navbar-nav">

                        <!-- Classic dropdown -->
                        <li class="dropdown"><a href="javascript:;" data-toggle="dropdown" class="dropdown-toggle"> 简体中文  <b
                                class=" fa fa-angle-down"></b></a>
                            <ul role="menu" class="dropdown-menu language-switch">
                                <li>
                                    <a tabindex="-1" href="javascript:;"><span> English </span><img src="{{ url_for('static', filename='img/flags/germany_flag.jpg') }}" alt=""/></a>
                                </li>
                            </ul>
                        </li>

                    </ul>
                </div>
                <!--mega menu end-->
                <div class="notification-wrap">

                <!--right notification start-->
                <div class="right-notification">
                    <ul class="notification-menu">
                        <li>
                            <form class="search-content" action="index.html" method="post">
                                <input type="text" class="form-control" name="keyword" placeholder="Search...">
                            </form>
                        </li>
                        <li>
                            <a href="javascript:;" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                                <span class="fa fa-user"></span> {{ current_user.username }}
                                <span class=" fa fa-angle-down"></span>
                            </a>
                            <ul class="dropdown-menu dropdown-usermenu purple pull-right">
                                <li><a href="javascript:;">  修改密码</a></li>
                                <li><a href={{ url_for('auth.logout') }}><i class="fa fa-sign-out pull-right"></i> 登出</a></li>
                            </ul>
                        </li>

                    </ul>
                </div>
                <!--right notification end-->
                </div>

            </div>
            <!-- header section end-->

            <!-- page head start-->
            <div class="page-head">
                {% block pageHead %}
                    <h3>
                    BaseTemplate
                    </h3>
                {% endblock pageHead %}
            </div>
            <!-- page head end-->

            <!--body wrapper start-->
            <div class="wrapper">
                {% block pageContent %}
                    body content goes here ..
                {% endblock pageContent %}
            </div>
            <!--body wrapper end-->


            <!--footer section start-->
            <footer>
                2016 &copy; CMDB by HoracePeng.
            </footer>
            <!--footer section end-->

        </div>
        <!-- body content end-->
    </section>

<!-- Placed js at the end of the document so the pages load faster -->
<script src="{{ url_for('static', filename='js/jquery-1.10.2.min.js') }}"></script>
<script src="{{ url_for('static', filename='js/jquery-migrate.js') }}"></script>
<script src="{{ url_for('static', filename='js/bootstrap.min.js') }}"></script>
<script src="{{ url_for('static', filename='js/modernizr.min.js') }}"></script>

<!--confirm js-->
<script src="{{ url_for('static', filename='js/jquery-confirm.min.js') }}" type="text/javascript"></script>

<!--toastr-->
<script src="{{ url_for('static', filename='js/toastr-master/toastr.js') }}"></script>

<!-- jquery to json -->
<script src="{{ url_for('static', filename='js/jquery.json.min.js') }}" type="text/javascript"></script>

<!--Nice Scroll-->
<script src="{{ url_for('static', filename='js/jquery.nicescroll.js') }}" type="text/javascript"></script>

<!--common scripts for all pages-->
<script src="{{ url_for('static', filename='js/scripts.js') }}"></script>
{% block js %}{% endblock js %}

</body>
</html>
